<template>
  <div class="header">
    <el-image
      v-if="details.banner"
      style="width:100%;height:560px;"
      :src="IMGURL+details.banner"
      fit="cover"
    ></el-image>
  </div>
</template>

<script>
let IMGURL = process.env.VUE_APP_BASR_IMG_URL
export default {
  props: {},
  data() {
    return {
      details: {},
      IMGURL,
    }
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 1 })
    this.details = res
    console.log(this.details)
  },
  methods: {},
}
</script>

<style lang="less" scoped>
.header {
  width: 100%;
  height: 560px;
  .flex-al;
  .al-c;
  // background: url('~@/assets/imgs/banner.png') no-repeat;
  background-size: cover;
  .j-c;
  img {
    width: 100%;
    //   height: 276px;
    height: 560px;
  }
}
</style>
